<template>
  <div class="header">
    <span @click="toggle">
      <el-icon-expand v-if="collapse"></el-icon-expand>
      <el-icon-fold v-else></el-icon-fold>
    </span>
  </div>
</template>
<script lang="ts" setup>
import { ref } from "vue";
let props = defineProps<{
  collapse: boolean;
}>();
let emits = defineEmits(["update:collapse"]);
let toggle = () => {
  emits("update:collapse", !props.collapse);
};
</script>
<style lang="scss" scope></style>
<script lang="ts">
import { defineComponent } from "vue";

export default defineComponent({
  setup() {},
});
</script>
<style scoped lang="scss">
.header {
  height: 60px;
  display: flex;
  padding: 0 20px;
  align-items: center;
  cursor: pointer;
}
</style>
